<!DOCTYPE html>
<html lang="en">
<head>

<!-- meta tags -->
<meta charset="utf-8">
<meta name="keywords" content="bootstrap 4, premium, multipurpose, ecommerce, html5, CSS" />
<meta name="description" content="Bootstrap 4 Landing Page Template" />
<meta name="author" content="www.themesground.com" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

<!-- Title -->
<title></title>

<!-- Favicon Icon -->
<link rel="shortcut icon" href="assets/images/favicon.png" />

<!-- inject css start -->

<link href="assets/css/theme-plugin.css" rel="stylesheet" />
<link href="assets/css/theme.min.css" rel="stylesheet" />

<!-- inject css end -->

</head>

<body>

<!-- page wrapper start -->

<div class="page-wrapper">
  
<!-- preloader start -->

<div id="ht-preloader">
  <div class="loader clear-loader">
    <img class="img-fluid" src="assets/images/loader.gif" alt="">
  </div>
</div>

<!-- preloader end -->


<!--header start-->

<header class="site-header header-1">
    <div class="header-top bg-dark-1 py-0">
      <div class="container">
        <div class="row align-items-center">
          <div class="col-md-12 d-flex align-items-center justify-content-between text-white">
            <div class="d-none d-md-flex align-items-center call-info">
              <div class="d-flex align-items-center">
                <div class="text-white offer-text"><small><span>60%</span> discount on womens collection</small> </div>
                <div class="language-selection">
                  <div class="d-flex align-items-center justify-content-center justify-content-md-end">
                    <div class="ml-3 mr-3">
                      <select name="countries" class="custome_select">
                        <option value='USD' data-title="USD">USD</option>
                        <option value='EUR' data-title="EUR">EUR</option>
                        <option value='GBR' data-title="GBR">GBR</option>
                      </select>
                    </div>
                    <div class="lng_dropdown">
                      <select name="countries" class="custome_select">
                        <option value='en' data-image="assets/images/eng.png" data-title="English">English</option>
                        <option value='fn' data-image="assets/images/fn.png" data-title="France">France</option>
                        <option value='us' data-image="assets/images/us.png" data-title="United States">United States</option>
                      </select>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="d-flex align-items-center">
              <div class="social-icons">
                <ul class="list-inline mb-0">
                  <li class="list-inline-item"><a class="text-white" href="#"><i class="lab la-facebook-f"></i></a> </li>
                  <li class="list-inline-item"><a class="text-white" href="#"><i class="lab la-twitter"></i></a> </li>
                  <li class="list-inline-item"><a class="text-white" href="#"><i class="lab la-linkedin-in"></i></a> </li>
                  <li class="list-inline-item"><a class="text-white" href="#"><i class="lab la-instagram"></i></a> </li>
                  <li class="list-inline-item"><a class="text-white" href="#"><i class="lab la-pinterest-p"></i></a> </li>
                </ul>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div id="header-wrap">
      <div class="container">
        <div class="row"> 
          <!--menu start-->
          <div class="col">
            <nav class="navbar navbar-expand-lg navbar-light position-static"> <a class="navbar-brand logo" href="index.html"> <img class="img-fluid" src="assets/images/logo.png" alt=""> </a>
              <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button>
              <div class="collapse navbar-collapse" id="navbarNav">
                <ul class="navbar-nav ml-auto mr-auto">
                  <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle active" href="#" data-toggle="dropdown">Home</a>
                    <ul class="dropdown-menu">
                      <li><a href="index.html">Fashion 1</a> </li>
                      <li><a href="index-2.html">Fashion 2</a> </li>
                      <li><a href="index-3.html">Fashion 3</a> </li>
                      <li><a href="index-4.html">Electronics</a> </li>
                      <li><a href="index-5.html">Organic</a> </li>
                      <li><a href="index-6.html">Furniture</a> </li>
                      <li><a href="index-7.html">Kids</a> </li>
                      <li><a href="index-8.html">Car Dealer</a> </li>
                   </ul>
                  </li>
                  <li class="nav-item dropdown position-static"> <a class="nav-link dropdown-toggle" href="#">Categories</a>
                    <div class="dropdown-menu w-100"> 
                      <!-- Tabs -->
                      <div class="container p-0">
                        <div class="row w-100 no-gutters">
                          <div class="col-lg-8 p-lg-3">
                            <div class="row">
                              <div class="col-12 col-md-3 col-sm-6"> 
                                <!-- Heading -->
                                <div class="mb-2 font-w-5 text-link">Clothing</div>
                                <!-- Links -->
                                <ul class="list-unstyled mb-6 mb-md-0">
                                  <li> <a href="#">Western Wear</a></li>
                                  <li> <a href="#">Fitness &amp; Outdoors</a></li>
                                  <li> <a href="#">Ethnic Wear</a></li>
                                  <li> <a href="#">Beach Clothing</a></li>
                                  <li> <a href="#">Swimsuits</a></li>
                                  <li> <a href="#">Casual Dresses</a></li>
                                  <li> <a href="#">Raincoats</a></li>
                                  <li> <a href="#">Maternity</a></li>
                                  <li> <a href="#">Lingerie</a></li>
                                  <li> <a href="#">Sleep &amp; Lounge Wear</a></li>
                                </ul>
                              </div>
                              <div class="col-12 col-md-3 col-sm-6"> 
                                <!-- Heading -->
                                <div class="mb-2 font-w-5 text-link">Accessories</div>
                                <!-- Links -->
                                <ul class="list-unstyled mb-6 mb-md-0">
                                  <li> <a href="#">Caps &amp; Hats</a> </li>
                                  <li> <a href="#">Gloves &amp; Arm Warmers</a></li>
                                  <li> <a href="#">Earmuffs</a></li>
                                  <li> <a href="#">Handkerchiefs</a></li>
                                  <li> <a href="#">Shawls</a></li>
                                  <li> <a href="#">Belts</a></li>
                                  <li> <a href="#">Suspenders</a></li>
                                  <li> <a href="#">Wallets</a></li>
                                  <li> <a href="#">Pocket Squares</a></li>
                                  <li> <a href="#">Watches</a></li>
                                </ul>
                              </div>
                              <div class="col-12 col-md-3 col-sm-6"> 
                                <!-- Heading -->
                                <div class="mb-2 font-w-5 text-link">Jwellery</div>
                                <!-- Links -->
                                <ul class="list-unstyled mb-6 mb-md-0">
                                  <li> <a href="#">Earrings</a> </li>
                                  <li> <a href="#">Chains &amp; Necklaces</a></li>
                                  <li> <a href="#">Bangles &amp; Bracelets</a></li>
                                  <li> <a href="#">Pendants</a></li>
                                  <li> <a href="#">Anklets</a></li>
                                  <li> <a href="#">Coins &amp; Bars</a></li>
                                  <li> <a href="#">Nose Rings &amp; Pins</a></li>
                                  <li> <a href="#">Beads &amp; Charms</a></li>
                                  <li> <a href="#">Shirt Accessories</a></li>
                                  <li> <a href="#">Chains</a></li>
                                </ul>
                              </div>
                              <div class="col-12 col-md-3 col-sm-6"> 
                                <!-- Heading -->
                                <div class="mb-2 font-w-5 text-link">Shoes</div>
                                <!-- Links -->
                                <ul class="list-unstyled mb-0">
                                  <li> <a href="#">Running Shoes</a> </li>
                                  <li> <a href="#">Sneakers</a></li>
                                  <li> <a href="#">Loafers &amp; Moccasins</a></li>
                                  <li> <a href="#">Boots</a></li>
                                  <li> <a href="#">Formal Shoes</a></li>
                                  <li> <a href="#">Hiking Footwear</a></li>
                                  <li> <a href="#">Casual Shoes</a></li>
                                  <li> <a href="#">Ethnic Footwear</a></li>
                                  <li> <a href="#">Fashion Slippers</a></li>
                                  <li> <a href="#">Ballet Flats</a></li>
                                </ul>
                              </div>
                            </div>
                          </div>
                          <div class="col-lg-4 d-none d-lg-block pr-2"> <img class="img-fluid rounded-bottom rounded-top" src="assets/images/header-img.jpg" alt="..."> </div>
                        </div>
                      </div>
                    </div>
                  </li>
                  <li class="nav-item dropdown position-static"> <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown">Shop</a>
                    <div class="dropdown-menu w-100 custom-drop">
                      <div class="container p-0">
                        <div class="row w-100 no-gutters">
                          <div class="col-12 col-md-4 p-lg-3"> 
                            <!-- Heading -->
                            <div class="mb-2 font-w-5 text-link">Shop Layout</div>
                            <!-- Links -->
                            <ul class="list-unstyled mb-6 mb-md-0">
                              <li> <a href="product-grid.html">Product Grid</a> </li>
                              <li> <a href="product-grid-left-sidebar.html">Product Grid Left Sidebar</a> </li>
                              <li> <a href="product-grid-right-sidebar.html">Product Grid Right Sidebar</a> </li>
                              <li> <a href="product-list.html">Product List</a> </li>
                              <li> <a href="product-list-left-sidebar.html">Product List Left Sidebar</a> </li>
                              <li> <a href="product-list-right-sidebar.html">Product List Right Sidebar</a> </li>

                            </ul>
                          </div>
                          <div class="col-12 col-md-4 p-lg-3"> 
                            <!-- Heading -->
                            <div class="mb-2 font-w-5 text-link">Product Pages</div>
                            <!-- Links -->
                            <ul class="list-unstyled mb-6 mb-md-0">
                              <li> <a href="product-default.html">Product Default</a> </li>
                              <li> <a href="product-default-right-image.html">Product Default Right Image</a> </li>
                              <li> <a href="product-left-image.html">Product Left Image</a> </li>
                              <li> <a href="product-right-image.html">Product Right Image</a> </li>
                              <li> <a href="product-left-sidebar.html">Product Left Sidebar</a> </li>
                              <li> <a href="product-right-sidebar.html">Product Right Sidebar</a> </li>

                            </ul>
                          </div>
                          <div class="col-12 col-md-4 p-lg-3"> 
                            <!-- Heading -->
                            <div class="mb-2 font-w-5 text-link">Other Pages</div>
                            <!-- Links -->
                            <ul class="list-unstyled mb-6 mb-md-0">
                              <li> <a href="shopping-cart.html">Shopping Cart</a> </li>
                              <li> <a href="checkout.html">Checkout</a> </li>
                              <li> <a href="my-account.html">My Account</a> </li>
                              <li> <a href="wishlist.html">Wishlist</a> </li>
                              <li> <a href="compare.html">Compare</a> </li>
                              <li> <a href="order-complete.html">Order Completed</a> </li>
                            </ul>
                          </div>
                        </div>
                      </div>
                    </div>
                  </li>
                  <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown">Pages</a>
                    <ul class="dropdown-menu">
                      <li> <a href="about-us.html">About Us</a> </li>
                      <li> <a href="login.html">Login</a> </li>
                      <li> <a href="signup.html">Signup</a> </li>
                      <li> <a href="forgot-password">Forgot Password</a> </li>
                      <li> <a href="coming-soon.html">Coming Soon</a> </li>
                      <li> <a href="error-404.html">404 Error</a> </li>
                      <li> <a href="faq.html">FAQ</a> </li>
                      <li> <a href="privacy-policy.html">Privacy Policy</a> </li>
                      <li> <a href="terms-and-conditions.html">Term & Conditions</a> </li>
                    </ul>
                  </li>
                  <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown">Blog</a>
                    <ul class="dropdown-menu">
                      <li><a href="blog-grid.html">Blog Grid</a> </li>
                      <li><a href="blog-grid-left.html">Blog Grid Left</a> </li>
                      <li><a href="blog-grid-right.html">Blog Grid Right</a> </li>
                      <li><a href="blog-list-left.html">Blog List Left</a> </li>
                      <li><a href="blog-list-right.html">Blog List Right</a> </li>
                       <li><a href="blog-detail.html">Blog Detail</a> </li>
                       <li><a href="blog-detail-left.html">Blog Detail Left</a> </li>
                       <li><a href="blog-detail-right.html">Blog Detail Right</a> </li>
                    </ul>
                  </li>
                  <li class="nav-item"> <a class="nav-link" href="contact-us.html">Contact</a> </li>
                </ul>
              </div>
              <div class="right-nav align-items-center d-flex justify-content-end">
                <div class="mr-1 mr-sm-3 search-block"> <a href="javascript:void(0);" class="search_trigger ml-3"><i class="las la-search"></i></a>
                  <div class="search_wrap container"> <span class="close-search"><i class="ion-ios-close-empty"></i></span>
                    <form>
                      <input type="text" placeholder="Search" class="form-control" id="search_input">
                      <button type="submit" class="search_icon"><i class="las la-search"></i></button>
                    </form>
                  </div>
                </div>
                <a class="mr-1 mr-sm-3" href="#"><i class="las la-user-alt"></i></a> <a class="mr-3 d-none d-sm-inline" href="#"><i class="lar la-heart"></i></a>
                <div class="dropdown cart_dropdown"> <a class="d-flex align-items-center" href="#"> <span class="bg-white pr-2 pl-0 py-1 rounded" data-cart-items="2"> <i class="las la-shopping-bag"></i> </span> </a>
                  <div class="cart_box dropdown-menu dropdown-menu-right">
                    <ul class="cart_list">
                      <li> <a href="#" class="item_remove"><i class="ion-ios-close-empty"></i></a> <a href="#"><img src="assets/images/product/p8.jpg" alt="cart_thumb1">Unpaired Running Shoes</a> <span class="cart_quantity"> 1 x <span class="cart_amount"> <span class="price_symbole">$</span></span>78.00</span> </li>
                      <li> <a href="#" class="item_remove"><i class="ion-ios-close-empty"></i></a> <a href="#"><img src="assets/images/product/p12.jpg" alt="cart_thumb2">Unpaired Running Shoes</a> <span class="cart_quantity"> 1 x <span class="cart_amount"> <span class="price_symbole">$</span></span>81.00</span> </li>
                    </ul>
                    <div class="cart_footer">
                      <p class="cart_total"><strong>Subtotal:</strong> <span class="cart_price"> <span class="price_symbole">$</span></span>159.00</p>
                      <p class="cart_buttons"><a href="#" class="btn btn-secondary view-cart ml-2 mr-2">View Cart</a><a href="#" class="btn btn-primary ml-2 mr-2 checkout">Checkout</a></p>
                    </div>
                  </div>
                </div>
              </div>
            </nav>
          </div>
          <!--menu end--> 
        </div>
      </div>
    </div>
  </header>

<!--header end-->


<!--hero section start-->

<section class="bg-light py-6">
  <div class="container">
    <div class="row align-items-center">
      <div class="col-md-6">
        <h1 class="h2 mb-0">Blog Detail Right Sidebar</h1>
      </div>
      <div class="col-md-6 mt-3 mt-md-0">
        <nav aria-label="breadcrumb">
          <ol class="breadcrumb justify-content-md-end bg-transparent p-0 m-0">
            <li class="breadcrumb-item"><a class="link-title" href="#">Home</a>
            </li>
            <li class="breadcrumb-item"><a class="link-title" href="#">Blog</a></li>
            <li class="breadcrumb-item active text-primary" aria-current="page">Blog Detail Right Sidebar</li>
          </ol>
        </nav>
      </div>
    </div>
    <!-- / .row -->
  </div>
  <!-- / .container -->
</section>

<!--hero section end--> 


<!--body content start-->

<div class="page-content">

<!--blog start-->

<section>
  <div class="container">
    <div class="row">
    <div class="col-12 col-lg-8 mb-6 mb-lg-0">
    <div class="col-12">
        <!-- Blog Card -->
        <div class="card border-0 bg-transparent">
          <div class="position-relative rounded overflow-hidden">
          <div class="position-absolute z-index-1 bg-white text-pink text-center py-2 px-3 my-4 blog-info rounded-right"><i class="las la-calendar-check"></i> 09 Mar <span>|</span> <i class="las la-comment-alt"></i> <a href="#">23 Comments</a></div>
         <img class="card-img-top hover-zoom" src="assets/images/blog/05.jpg" alt="Image">
           
          </div>
          <div class="card-body pt-3 px-0">
          
            <h2 class="font-w-6 mb-3 line-h-normal link-title"> Premium template with unlimited colours, and fully Customizable  </h2>
            <p>Aliquam laoreet consequat malesuada. Integer vitae diam sed dolor euismod laoreet eget ac felis. Donec non erat sed elit bibendum sodales. Donec eu cursus velit. Proin nunc lacus, gravida mollis dictum ut, vulputate eu turpis. Sed felis sapien, commodo in iaculis in, feugiat sed enim. Sed nunc ipsum, fermentum varius dignissim vitae, blandit et ante.Maecenas sagittis, lorem sed congue egestas, lectus purus congue nisl, ac molestie enim ligula nec eros. Sed leo tortor, tincidunt sit amet elementum vel, eleifend at orci. Maecenas ut turpis felis.</p>
           <blockquote>The best fashion advice I’d say would be just to do what makes you comfortable and what makes you feel cute and that’s how you’re gonna look your best ’cause when you feel your best everybody else can feel it too. <span>- Stephen Smith</span>
          </blockquote>
          <div class="wpb_single_image"><img src="assets/images/blog/desc-img.jpg" alt="Image"></div>
          <p>Curabitur at vestibulum sem. Aliquam vehicula neque ac nibh suscipit ultrices. Morbi interdum accumsan arcu nec scelerisque. Phasellus eget purus nulla. Suspendisse quam est, tempor quis consectetur non, interdum vitae diam. Pellentesque volutpat mollis ligula in laoreet. Aenean est dui, sagittis in consequat at, adipiscing at risus. Sed suscipit, est vitae aliquam molestie, sem dolor dignissim leo, eget imperdiet enim urna in justo. Mauris pulvinar tortor lorem. Aliquam sed nisl in ipsum tincidunt ultrices.</p>
      </div>
          <div class="d-md-flex justify-content-between mt-2 mb-8 border-top border-bottom py-4">
            <div class="d-flex align-items-center">
              <ul class="list-inline social-icons">
                <li class="list-inline-item"><a class="bg-white p-2 link-title ic-1-1x" href="#"><i class="la la-facebook"></i></a>
                </li>
                <li class="list-inline-item"><a class="bg-white p-2 link-title ic-1-1x" href="#"><i class="la la-dribbble"></i></a>
                </li>
                <li class="list-inline-item"><a class="bg-white p-2 link-title ic-1-1x" href="#"><i class="la la-instagram"></i></a>
                </li>
                <li class="list-inline-item"><a class="bg-white p-2 link-title ic-1-1x" href="#"><i class="la la-twitter"></i></a>
                </li>
                <li class="list-inline-item"><a class="bg-white p-2 link-title ic-1-1x" href="#"><i class="la la-linkedin"></i></a>
                </li>
              </ul>
            </div>
            <div class="d-flex align-items-center text-md-right mt-5 mt-md-0">
              <ul class="list-inline">
                <li class="list-inline-item"><a class="btn link-title btn-sm bg-light-4" href="#">Accessories</a>
                </li>
                <li class="list-inline-item"><a class="btn link-title btn-sm bg-light-4" href="#">Footwear</a>
                </li>
                 <li class="list-inline-item"><a class="btn link-title btn-sm bg-light-4" href="#">Sleepwear</a>
                </li>
                <li class="list-inline-item"><a class="btn link-title btn-sm bg-light-4" href="#">Clothing</a>
                </li>
              </ul>
            </div>
          </div>
          <div class="owl-carousel no-pb" data-dots="false" data-items="2" data-margin="30" data-autoplay="true">
            <div class="item">
              <div class="card border-0 bg-transparent">
              <div class="position-relative rounded overflow-hidden">
                <div class="position-absolute z-index-1 bg-white text-pink text-center py-1 px-3 my-4">18 May</div>
                <img class="card-img-top hover-zoom" src="assets/images/blog/01.jpg" alt="Image"> </div>
              <div class="card-body px-0 pb-0">
                <div> <a class="d-inline-block link-title btn-link text-small" href="#">Shoes,</a> <a class="d-inline-block link-title btn-link text-small" href="#">Dresses,</a> <a class="d-inline-block link-title btn-link text-small" href="#">Womens</a> </div>
                <h2 class="h5 font-w-5 mt-2 mb-0"> <a class="link-title" href="blog-single.html">The best accessories to add into your wardrobe before summer</a> </h2>
              </div>
              <div></div>
            </div>
            </div>
            <div class="item">
              <div class="card border-0 bg-transparent">
              <div class="position-relative rounded overflow-hidden">
                <div class="position-absolute z-index-1 bg-white text-pink text-center py-1 px-3 my-4">27 May</div>
                <img class="card-img-top hover-zoom" src="assets/images/blog/06.jpg" alt="Image"> </div>
              <div class="card-body px-0 pb-0">
                <div> <a class="d-inline-block link-title btn-link text-small" href="#">Shoes,</a> <a class="d-inline-block link-title btn-link text-small" href="#">Dresses,</a> <a class="d-inline-block link-title btn-link text-small" href="#">Womens</a> </div>
                <h2 class="h5 font-w-5 mt-2 mb-0"> <a class="link-title" href="blog-single.html">Recognizing the need is the primary condition for design</a> </h2>
              </div>
              <div></div>
            </div>
            </div>
            <div class="item">
              <div class="card border-0 bg-transparent">
              <div class="position-relative rounded overflow-hidden">
                <div class="position-absolute z-index-1 bg-white text-pink text-center py-1 px-3 my-4">05 Feb</div>
                <img class="card-img-top hover-zoom" src="assets/images/blog/04.jpg" alt="Image"> </div>
              <div class="card-body px-0 pb-0">
                <div> <a class="d-inline-block link-title btn-link text-small" href="#">Shoes,</a> <a class="d-inline-block link-title btn-link text-small" href="#">Dresses,</a> <a class="d-inline-block link-title btn-link text-small" href="#">Womens</a> </div>
                <h2 class="h5 font-w-5 mt-2 mb-0"> <a class="link-title" href="blog-single.html">Powerful and flexible premium Ecommerce themes</a> </h2>
              </div>
              <div></div>
            </div>
            </div>
            <div class="item">
              <div class="card border-0 bg-transparent">
              <div class="position-relative rounded overflow-hidden">
                <div class="position-absolute z-index-1 bg-white text-pink text-center py-1 px-3 my-4">13 June</div>
                <img class="card-img-top hover-zoom" src="assets/images/blog/05.jpg" alt="Image"> </div>
              <div class="card-body px-0 pb-0">
                <div> <a class="d-inline-block link-title btn-link text-small" href="#">Shoes,</a> <a class="d-inline-block link-title btn-link text-small" href="#">Dresses,</a> <a class="d-inline-block link-title btn-link text-small" href="#">Womens</a> </div>
                <h2 class="h5 font-w-5 mt-2 mb-0"> <a class="link-title" href="blog-single.html">Cruelty is one fashion statement we can all do without</a> </h2>
              </div>
              <div></div>
            </div>
            </div>
          </div>
                    <div class="comment-area mt-5">
                    <div class="content_title">
                        <h4>Comments</h4>
                    </div>
                    <ul class="list_none comment_list">
                        <li class="comment_info">
                            <div class="d-flex">
                                <div class="comment_user">
                                    <img src="assets/images/thumbnail/member1.png" alt="user2">
                                </div>
                                <div class="comment_content">
                                    <div class="d-flex">
                                        <div class="meta_data">
                                            <h6><a href="#">Saraha Doe</a></h6>
                                            <div class="comment-time">March 5, 2020, 07:35 PM</div>
                                        </div>
                                        <div class="ml-auto">
                                            <a href="#" class="comment-reply"><i class="las la-arrow-left"></i> Reply</a>
                                        </div>
                                    </div>
                                    <p>Vivamus magna justo, lacinia eget consectetur sed, convallis at tellus. Nulla quis lorem ut libero malesuada feugiat. Proin eget tortor risus. Donec rutrum congue leo eget malesuada. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
                                </div>
                            </div>
                            <ul class="children">
                            	<li class="comment_info">
                                    <div class="d-flex">
                                        <div class="comment_user">
                                            <img src="assets/images/thumbnail/member2.png" alt="user3">
                                        </div>
                                        <div class="comment_content">
                                            <div class="d-flex align-items-md-center">
                                                <div class="meta_data">
                                                    <h6><a href="#">Stephen Smith</a></h6>
                                                    <div class="comment-time">April 19, 2020, 01:45 PM</div>
                                                </div>
                                                <div class="ml-auto">
                                                    <a href="#" class="comment-reply"><i class="las la-arrow-left"></i> Reply</a>
                                                </div>
                                            </div>
                                            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Possimus, ex, quisquam. Nulla excepturi sint iusto incidunt sed omnis expedita, commodi dolores. Debitis nemo animi quia deleniti commodi nesciunt illo.</p>
                                        </div>
                                    </div>
                                </li>
                            </ul>
                        </li>
                        <li class="comment_info">
                            <div class="d-flex">
                                <div class="comment_user">
                                    <img src="assets/images/thumbnail/member3.png" alt="user4">
                                </div>
                                <div class="comment_content">
                                    <div class="d-flex">
                                        <div class="meta_data">
                                            <h6><a href="#">Karla Anderson </a></h6>
                                            <div class="comment-time">may 25, 2020, 05:20 PM</div>
                                        </div>
                                        <div class="ml-auto">
                                            <a href="#" class="comment-reply"><i class="las la-arrow-left"></i> Reply</a>
                                        </div>
                                    </div>
                                    <p>Aliquam vehicula neque ac nibh suscipit ultrices. Morbi interdum accumsan arcu nec scelerisque. Nulla quis lorem ut libero malesuada feugiat. Proin eget tortor risus. Donec rutrum congue leo eget malesuada.</p>
                                </div>
                            </div>
                        </li>
                    </ul>
          <div class="post-comments mt-8 bg-light-4 rounded p-5">
            <div class="mb-5">
              <h5>Leave A Comment</h5>
            </div>
            <form id="contact-form" class="row" method="post" action="contact.php">
              <div class="messages"></div>
              <div class="form-group col-sm-6">
                <input id="form_name" type="text" name="name" class="form-control" placeholder="Name" required data-error="Name is required.">
                <div class="help-block with-errors"></div>
              </div>
              <div class="form-group col-sm-6">
                <input id="form_email" type="email" name="email" class="form-control" placeholder="Email" required data-error="Valid email is required.">
                <div class="help-block with-errors"></div>
              </div>
              <div class="form-group mb-0 col-sm-12">
                <textarea id="form_message" name="message" class="form-control h-100" placeholder="Your Comment" rows="4" required data-error="Please,leave us a message."></textarea>
                <div class="help-block with-errors"></div>
              </div>
              <div class="col-sm-12">
                <button class="btn btn-primary btn-animated mt-5">Submit</button>
              </div>
            </form>
          </div>
          <div></div>
        </div>
        <!-- End Blog Card -->
      </div>
    </div>
      </div>
      <div class="col-12 col-lg-4 blog-sidebar">
      <form class="form-inline my-2 my-lg-0">
          <input class="form-control col" type="search" placeholder="Search" aria-label="Search">
          <button class="btn my-2 my-sm-0 col-auto" type="submit"><i class="las la-search"></i></button>
        </form>
        <div class="">
          <div class="widget border p-4 rounded mt-5">
            <h5 class="mb-4">Most Popular Posts</h5>
            <article class="mt-0">
              <div class="media align-items-top">
                <img src="assets/images/blog/08.jpg" class="mr-3 mt-1" alt="...">
                <div class="media-body">
                  <h6>
                      <a class="link-title" href="blog-single.html">Powerful and flexible premium Ecommerce themes</a>
                    </h6>
                  <a class="d-inline-block text-grey small font-w-4" href="#">07 April 2020</a>
                </div>
              </div>
            </article>
            <article class="mt-4">
              <div class="media align-items-top">
                <img src="assets/images/blog/07.jpg" class="mr-3 mt-1" alt="...">
                <div class="media-body">
                  <h6>
                      <a class="link-title" href="blog-single.html">Recognizing the need is the primary condition for design</a>
                    </h6>
                  <a class="d-inline-block text-grey small font-w-4" href="#">21 May 2020</a>
                </div>
              </div>
            </article>
            <article class="mt-4">
              <div class="media align-items-top">
                <img src="assets/images/blog/09.jpg" class="mr-3 mt-1" alt="...">
                <div class="media-body">
                  <h6>
                      <a class="link-title" href="blog-single.html">I design to make women feel confident and beautiful fashion</a>
                    </h6>
                  <a class="d-inline-block text-grey small font-w-4" href="#">13 June 2020</a>
                </div>
              </div>
            </article>
          </div>
          <div class="widget border p-4 rounded mt-5">
            <h5 class="mb-4">Categories</h5>
            <ul class="list-unstyled list-group-flush">
              <li class="mb-3"> <a class="list-group-item-action d-flex justify-content-between align-items-center" href="#">
                 PhotoShop
                  <span class="badge bg-pink-light text-dark font-weight-normal p-2 badge-pill ml-2">47</span>
                </a>
              </li>
              <li class="mb-3"> <a class="list-group-item-action d-flex justify-content-between align-items-center" href="#">
                 Foods and Drinks
                  <span class="badge bg-pink-light text-dark font-weight-normal p-2 badge-pill ml-2">13</span>
                </a>
              </li>
              <li class="mb-3"> <a class="list-group-item-action d-flex justify-content-between align-items-center" href="#">
                 Illustration
                  <span class="badge bg-pink-light text-dark font-weight-normal p-2 badge-pill ml-2">59</span>
                </a>
              </li>
              <li class="mb-3"> <a class="list-group-item-action d-flex justify-content-between align-items-center" href="#">
                  Technology
                  <span class="badge bg-pink-light text-dark font-weight-normal p-2 badge-pill ml-2">62</span>
                </a>
              </li>
               <li class="mb-3"> <a class="list-group-item-action d-flex justify-content-between align-items-center" href="#">
                  Ecommerce
                  <span class="badge bg-pink-light text-dark font-weight-normal p-2 badge-pill ml-2">89</span>
                </a>
              </li>

            </ul>
          </div>
          <div class="widget border p-4 rounded mt-5">
            <h5 class="mb-4">Tags</h5>
           <div> <a class="btn link-title btn-sm bg-light-4 mr-1 mb-2" href="#">bootstrap</a>
              <a class="btn link-title btn-sm bg-light-4 mr-1 mb-2" href="#">ecommerce</a>
              <a class="btn link-title btn-sm bg-light-4 mr-1 mb-2" href="#">fashion</a>
              <a class="btn link-title btn-sm bg-light-4 mr-1 mb-2" href="#">shop</a>
              <a class="btn link-title btn-sm bg-light-4 mr-1 mb-2" href="#">creative</a>
              <a class="btn link-title btn-sm bg-light-4 mr-1 mb-2" href="#">responsive</a>

            </div>
          </div>
          <div class="widget banner">
            
            <div class="position-relative rounded overflow-hidden mt-5"> 
            <!-- Background --> 
            <img class="img-fluid hover-zoom" src="assets/images/product-ad/02.jpg" alt=""> 
            <!-- Body -->
            <div class="position-absolute top-50 pl-4">
              <h6 class="text-dark">Todays Deals</h6>
              <!-- Heading -->
              <h4 class="font-w-6 text-dark">Accessories <br>
                Special</h4>
              <!-- Link --> <a class="more-link text-dark" href="#">Shop Now </a> </div>
          </div>
          
          
          <div class="position-relative rounded overflow-hidden mt-5"> 
            <!-- Background --> 
            <img class="img-fluid hover-zoom" src="assets/images/product-ad/03.jpg" alt=""> 
            <!-- Body -->
            <div class="position-absolute top-50 pl-5">
              <h6 class="text-dark">Hot Deals</h6>
              <!-- Heading -->
              <h4 class="font-w-6">Handbags<br>
                Design</h4>
              <!-- Link --> <a class="more-link text-dark" href="#">Shop Now </a> </div>
          </div>
          </div>
        </div>
      </div>
    </div>
    
  </div>
</section>

<!--blog end-->

 <!--multi sec start-->
    
    <section class="bg-pink py-9 position-relative overflow-hidden">
      <div class="container">
        <div class="row justify-content-center text-center mb-1">
          <div class="col-lg-6 col-md-10">
            <div class="mb-4">
              <h2 class="mb-0">Be the first and get weekly updates</h2>
            </div>
            <div class="subscribe-form">
              <form id="mc-form" class="row align-items-center no-gutters mb-3">
                <div class="col">
                  <input value="" name="EMAIL" class="email form-control input-2 bg-white" placeholder="Email Address" required type="email">
                </div>
                <div class="col-auto">
                  <input class="btn dark-btn overflow-auto" name="subscribe" value="Subscribe" type="submit">
                </div>
              </form>
            </div>
          </div>
        </div>
      </div>
    </section>
    <!--multi sec end--> 

</div>

<!--body content end--> 


<!--footer start-->

 <footer class="py-11 bg-dark-1">
    <div class="container">
      <div class="row">
        <div class="col-12 col-lg-4"> <a class="footer-logo text-white h2 mb-0" href="index.html"> <img class="img-fluid" src="assets/images/footer-logo.png" alt=""> </a>
          <p class="my-3 text-muted pr-6">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec in velit a nibh ullamcorper dictum a malesuada ex. Donec sit amet volutpat nunc.</p>
          <ul class="list-inline mb-0">
            <li class="list-inline-item"><a class="text-muted ic-2x" href="#"><i class="la la-facebook"></i></a> </li>
            <li class="list-inline-item"><a class="text-muted ic-2x" href="#"><i class="la la-dribbble"></i></a> </li>
            <li class="list-inline-item"><a class="text-muted ic-2x" href="#"><i class="la la-instagram"></i></a> </li>
            <li class="list-inline-item"><a class="text-muted ic-2x" href="#"><i class="la la-twitter"></i></a> </li>
            <li class="list-inline-item"><a class="text-muted ic-2x" href="#"><i class="la la-linkedin"></i></a> </li>
            <li class="list-inline-item"><a class="text-muted ic-2x" href="#"><i class=" lab la-pinterest-p"></i></a> </li>
          </ul>
        </div>
        <div class="col-12 col-lg-8 mt-6 mt-lg-0">
          <div class="row">
            <div class="col-12 col-sm-4 navbar-white">
              <h6 class="mb-4 text-white font-w-5">Quick Links</h6>
              <ul class="navbar-nav list-unstyled mb-0">
                <li class="mb-3 nav-item"><a class="nav-link text-muted font-w-4" href="#">Shipment</a> </li>
                <li class="mb-3 nav-item"><a class="nav-link text-muted font-w-4" href="about-us-1.html">About</a> </li>
                <li class="mb-3 nav-item"><a class="nav-link text-muted font-w-4" href="shop-grid-left-sidebar.html">Shop</a> </li>
                <li class="mb-3 nav-item"><a class="nav-link text-muted font-w-4" href="faq.html">Faq</a> </li>
                <li class="mb-3 nav-item"><a class="nav-link text-muted font-w-4" href="blog-card.html">Blogs</a> </li>
                <li class="nav-item"><a class="nav-link text-muted font-w-4" href="contact-us.html">Contact Us</a> </li>
              </ul>
            </div>
            <div class="col-12 col-sm-4 mt-6 mt-sm-0 navbar-white">
              <h6 class="mb-4 text-white font-w-5">Information</h6>
              <ul class="navbar-nav list-unstyled mb-0">
                <li class="mb-3 nav-item"><a class="nav-link text-muted font-w-4" href="terms-and-conditions.html">Term Of Service</a> </li>
                <li class="mb-3 nav-item"><a class="nav-link text-muted font-w-4" href="privacy-policy.html">Privacy Policy</a> </li>
                <li class="mb-3 nav-item"><a class="nav-link text-muted font-w-4" href="#">Support</a> </li>
                <li class="mb-3 nav-item"><a class="nav-link text-muted font-w-4" href="#">Orders History</a> </li>
                <li class="mb-3 nav-item"><a class="nav-link text-muted font-w-4" href="#">Your Account</a> </li>
                <li class="nav-item"><a class="nav-link text-muted font-w-4" href="#">Suppliers</a> </li>
              </ul>
            </div>
            <div class="col-12 col-sm-4 mt-6 mt-sm-0 navbar-white">
              <h6 class="mb-4 text-white font-w-5">Shopping Guide</h6>
              <ul class="navbar-nav list-unstyled mb-0">
                <li class="mb-3 nav-item"><a class="nav-link text-muted font-w-4" href="#">Site Map</a> </li>
                <li class="mb-3 nav-item"><a class="nav-link text-muted font-w-4" href="#">Search Terms</a> </li>
                <li class="mb-3 nav-item"><a class="nav-link text-muted font-w-4" href="#">Advanced Search</a> </li>
                <li class="mb-3 nav-item"><a class="nav-link text-muted font-w-4" href="#">Return policy</a> </li>
                <li class="mb-3 nav-item"><a class="nav-link text-muted font-w-4" href="#">Where is my order?</a> </li>
                <li class="nav-item"><a class="nav-link text-muted font-w-4" href="#">Our Story</a> </li>
              </ul>
            </div>
          </div>
        </div>
      </div>
      <div class="row pt-9">
        <div class="col-lg-4 col-md-6 col-sm-12">
          <div class="d-flex footer-box">
            <div class="mr-4"> <i class="las la-map-marker-alt ic-2x icon-img"></i> </div>
            <div>
              <h6 class="mb-1 text-white font-w-5">Location</h6>
              <p class="mb-0 font-w-4 text-muted">Flipmarto, 789 Main rd, Anytown,
                CA 12345 USA</p>
            </div>
          </div>
        </div>
        <div class="col-lg-4 col-md-6 col-sm-12">
          <div class="d-flex footer-box">
            <div class="mr-4"> <i class="las la-envelope ic-2x icon-img"></i> </div>
            <div>
              <h6 class="mb-1 text-white font-w-5">Email us</h6>
              <a class="text-muted font-w-4" href="mailto:themeht23@gmail.com"> themesground@gmail.com</a><br>
              <a class="text-muted font-w-4" href="mailto:themeht23@gmail.com"> flipmarto@gmail.com</a> </div>
          </div>
        </div>
        <div class="col-lg-4 col-md-12 col-sm-12 mt-md-3 mt-lg-0">
          <div class="d-flex footer-box">
            <div class="mr-4"> <i class="las la-mobile ic-2x icon-img"></i> </div>
            <div>
              <h6 class="mb-1 text-white font-w-5">24/7 Support Service</h6>
              <p class="mb-0 font-w-4 text-muted">Call for styling advice on <br>
                +123 1234 5678 </p>
            </div>
          </div>
        </div>
      </div>
      <div class="row text-muted align-items-center pt-9">
        <div class="col-md-7 font-w-4"><small>Copyright &copy; 2020.Company name All rights reserved.<a target="_blank" href="http://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a></small> </div>
        <div class="col-md-5 text-md-right mt-3 mt-md-0">
          <ul class="list-inline mb-0">
            <li class="list-inline-item"> <a href="#"> <img class="img-fluid" src="assets/images/pay-icon/01.png" alt=""> </a> </li>
            <li class="list-inline-item"> <a href="#"> <img class="img-fluid" src="assets/images/pay-icon/02.png" alt=""> </a> </li>
            <li class="list-inline-item"> <a href="#"> <img class="img-fluid" src="assets/images/pay-icon/03.png" alt=""> </a> </li>
            <li class="list-inline-item"> <a href="#"> <img class="img-fluid" src="assets/images/pay-icon/04.png" alt=""> </a> </li>
            <li class="list-inline-item"> <a href="#"> <img class="img-fluid" src="assets/images/pay-icon/05.png" alt=""> </a> </li>
          </ul>
        </div>
      </div>
    </div>
  </footer>

<!--footer end-->

</div>

<!-- page wrapper end -->



<!-- Quick View Modal -->
<div class="modal fade view-modal" id="quick-view" tabindex="-1" role="dialog" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header border-bottom-0 pb-0">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
        <div class="row align-items-center">
          <div class="col-lg-5 col-12">
            <img class="img-fluid rounded" src="assets/images/product/large/01.jpg" alt="" />
          </div>
          <div class="col-lg-7 col-12 mt-5 mt-lg-0">
            <div class="product-details">
              <h3 class="mb-0">Women Sweater</h3>
              <div class="star-rating mb-4"><i class="las la-star"></i><i class="las la-star"></i><i class="las la-star"></i><i class="las la-star"></i><i class="las la-star"></i>
              </div> <span class="product-price h4">$25.00 <del class="text-muted h6">$35.00</del></span>
              <ul class="list-unstyled my-4">
                <li class="mb-2">Availibility: <span class="text-muted"> In Stock</span> 
                </li>
                <li>Categories :<span class="text-muted"> Women's</span>
                </li>
              </ul>
              <p class="mb-4">Nulla eget sem vitae eros pharetra viverra Nam vitae luctus ligula suscipit risus nec eleifend Pellentesque eu quam sem, ac malesuada</p>
              <div class="d-sm-flex align-items-center mb-5">
                <div class="d-flex align-items-center mr-sm-4">
                  <button class="btn-product btn-product-up"> <i class="las la-minus"></i>
                  </button>
                  <input class="form-product" type="number" name="form-product" value="1">
                  <button class="btn-product btn-product-down"> <i class="las la-plus"></i>
                  </button>
                </div>
                <select class="custom-select mt-3 mt-sm-0" id="inputGroupSelect01">
                  <option selected>Size</option>
                  <option value="1">XS</option>
                  <option value="2">S</option>
                  <option value="3">M</option>
                  <option value="3">L</option>
                  <option value="3">XL</option>
                  <option value="3">XXL</option>
                </select>
                <div class="d-flex text-center ml-sm-4 mt-3 mt-sm-0">
                  <div class="form-check pl-0 mr-3">
                    <input type="radio" class="form-check-input" id="color-filter01" name="Radios">
                    <label class="form-check-label" for="color-filter01" data-bg-color="#3cb371"></label>
                  </div>
                  <div class="form-check pl-0 mr-3">
                    <input type="radio" class="form-check-input" id="color-filter02" name="Radios" checked>
                    <label class="form-check-label" for="color-filter02" data-bg-color="#4876ff"></label>
                  </div>
                  <div class="form-check pl-0 mr-3">
                    <input type="radio" class="form-check-input" id="color-filter03" name="Radios">
                    <label class="form-check-label" for="color-filter03" data-bg-color="#0a1b2b"></label>
                  </div>
                  <div class="form-check pl-0">
                    <input type="radio" class="form-check-input" id="color-filter04" name="Radios">
                    <label class="form-check-label" for="color-filter04" data-bg-color="#f94f15"></label>
                  </div>
                </div>
              </div>
              <div class="d-sm-flex align-items-center mt-5">
                <button class="btn btn-primary btn-animated mr-sm-4 mb-3 mb-sm-0"><i class="las la-shopping-cart mr-1"></i>Add To Cart</button>
                <a class="btn btn-animated btn-dark" href="#"> <i class="lar la-heart mr-1"></i>Add To Wishlist</a>
              </div>
              <div class="d-sm-flex align-items-center border-top pt-4 mt-5">
                <h6 class="mb-sm-0 mr-sm-4">Share It:</h6>
                <ul class="list-inline">
                  <li class="list-inline-item"><a class="bg-white shadow-sm rounded p-2" href="#"><i class="la la-facebook"></i></a>
                  </li>
                  <li class="list-inline-item"><a class="bg-white shadow-sm rounded p-2" href="#"><i class="la la-dribbble"></i></a>
                  </li>
                  <li class="list-inline-item"><a class="bg-white shadow-sm rounded p-2" href="#"><i class="la la-instagram"></i></a>
                  </li>
                  <li class="list-inline-item"><a class="bg-white shadow-sm rounded p-2" href="#"><i class="la la-twitter"></i></a>
                  </li>
                  <li class="list-inline-item"><a class="bg-white shadow-sm rounded p-2" href="#"><i class="la la-linkedin"></i></a>
                  </li>
                </ul>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

<!-- Subscribe Modal -->
<div class="modal fade newsletter" id="mailchimpModal" tabindex="-1" role="dialog" aria-labelledby="ModalLabel" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"> <i class="ion-ios-close-empty"></i>
        </button>
      <div class="modal-body p-3 text-center">
        <div class="mb-2">
          <img class="img-fluid" src="assets/images/bg/newsletter.jpg" alt="">
          <h2 class="mb-0">Join our newsletter and get 20% discount</h2>
        </div>
        <div class="subscribe-form mx-7 mb-4">
          <form id="mc-form1" class="row align-items-center no-gutters mb-3">
            <div class="col">
              <input value="" name="EMAIL" class="email form-control input-2 bg-white" placeholder="Enter your email..." required type="email">
            </div>
            <div class="col-auto">
              <input class="btn btn-primary overflow-auto" name="subscribe" value="Subscribe" type="submit">
            </div>
          </form> 
          <small class="bottom-text">
          <input name="notshowpopup" id="notshowpopup" type="checkbox">
          Don’t show this popup again</small>
        </div>
      </div>
    </div>
  </div>
</div>

 
<!--back-to-top start-->

<div class="scroll-top"><a class="smoothscroll" href="#top"><i class="las la-angle-up"></i></a></div>

<!--back-to-top end-->

<!-- inject js start -->

<script src="assets/js/jquery-3.5.1.min.js"></script> <script src="assets/js/popper.min.js"></script> 
<script src="assets/js/bootstrap.min.js"></script> 
<script src="assets/js/owl.carousel.min.js"></script> 
<script src="assets/js/light-slider.js"></script> 
<script src="assets/js/parallax.js"></script> 
<script src="assets/js/magnific-popup.min.js"></script> 
<script src="assets/js/jquery.countdown.min.js"></script> 
<script src="assets/js/jquery.dd.min.js"></script> 
<script src="assets/js/validator.js"></script> 
<script src="assets/js/wow.js"></script> 
<script src="assets/js/theme-script.js"></script> 

<!-- inject js end -->

</body>
</html>
